import React from 'react';
import { connect } from 'react-redux';

import Card from 'material-ui/lib/card/card';
import CardActions from 'material-ui/lib/card/card-actions';
import CardHeader from 'material-ui/lib/card/card-header';
import CardText from 'material-ui/lib/card/card-text';

import * as dashboardStyle from './Dashboard.less';

class Dashboard extends React.Component {

    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div className={dashboardStyle.dashboard}>
                <div>
                    <Card initiallyExpanded={false}>
                        <CardHeader
                            title="数据监测平台介绍"
                            subtitle="Subtitle"
                            actAsExpander={true}
                            showExpandableButton={true} />

                        <CardText expandable={true}>
                          123
                        </CardText>
                    </Card>
                </div>
                <div>
                    <Card initiallyExpanded={false}>
                        <CardHeader
                            title="产品更新日志"
                            subtitle="Subtitle"
                            actAsExpander={true}
                            showExpandableButton={true} />

                        <CardText expandable={true}>
                          321
                        </CardText>
                    </Card>
                </div>
            </div>
        );
    }
}

export default connect((state) => ({state}))(Dashboard);